<template>
	<view class="container margin-lr">
		<view class="dflex-c pos-r margin-bottom margin-top">
			<view class="portrait-box">
				<image mode="aspectFit" class="border-radius-c" :src="userInfo.avatar || 'https://img.shihuashengyi.cn/static/images/user/default.png'">
				</image>
			</view>
			<view class="margin-left-sm">
				<view>
					<text class="username">{{ userInfo.nick_name || userInfo.user_name || userInfo.account }}</text>
				</view>
				<view v-if="userInfo.slogan"><text class="fs-xxs">{{ userInfo.slogan }}</text></view>
				<view v-else-if="userInfo.member_city"><text class="fs-xxs">{{ userInfo.member_city }}</text></view>
			</view>
		</view>

		<view class="border-radius">
			<use-list-title title="手机号" iconfont=" " :tip="userInfo.account"></use-list-title>
			<use-list-title title="安全密码" iconfont=" " @goto="toPayPassWord" :tip="userInfo.znFundPasswordSet=='true'?'已设置':'去设置'"></use-list-title>
			<use-list-title title="实名认证" iconfont=" " @goto="toRealname" :tip="userInfo.znAuthenticationed=='true'?'已认证':'未认证'"></use-list-title>
			<use-list-title title="签约状态" iconfont=" " @goto="toSign" :tip="userInfo.znSignContract=='true'?'已签约':'未签约'"></use-list-title>
		</view>


		<view class="padding"></view>
	</view>
</template>

<script>
	export default {
		computed: {
			userInfo(){
				return this.$store.state.user.userInfo
			},
			isLogin(){
				return this.$store.getters['user/hasLogin']
			}
		},
		data() {
			return {
				signType: false,
				webviewStyles: {
					progress: {
						color: '#ff6a6c'
					}
				},
				// 路径地址
				weburl: '',
				webShow:false
			};
		},
		methods:{
			
		}
	}
</script>

<style lang='scss'>
	page {
		background: $page-color-base;
	}

	image {
		width: 130rpx;
		height: 130rpx;
	}

	.use-item {
		height: 100rpx;
		line-height: 100rpx;
		position: relative;
		background: #fff;
	}
</style>
